<template>
  <div id="arrangehomework">
    <div class="w-base" style="position: relative; zoom: 1;  z-index: 5;">
      <div class="w-base-title">
        <h3 style="margin-top: 0">家校互动</h3>
      </div>
      <div class="w-base-container">
        <course-nav></course-nav>
        <form class="form-horizontal" id="article-form" style="width: 90%;margin: 50px auto 0 auto">
          <div class="form-group">
            <label for="article-title" class="col-sm-2 control-label">标题：</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" name="article-title" id="article-title" placeholder="请输入帖子标题">
            </div>
          </div>
          <div class="form-group">
            <label for="article-content" class="col-sm-2 control-label">内容：</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" name="article-content" id="article-content" placeholder="请输入帖子内容">
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
              <div class="checkbox">
                <label>
                  <input type="checkbox" name="top">置顶
                </label>
              </div>
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
              <div class="checkbox">
                <label>
                  <input type="checkbox" name="enforce">加精
                </label>
              </div>
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
              <button type="button" class="btn btn-primary" onclick="article_post()">发表</button>
            </div>
          </div>
          <nav aria-label="...">
            <ul class="pagination">
              <li class="active"><a onclick="article_list_get_another(event);" href="#">1 <span class="sr-only">(current)</span></a></li>
              <li class=""><a onclick="article_list_get_another(event)" href="#">2 <span class="sr-only">(current)</span></a></li>
              <li class=""><a onclick="article_list_get_another(event)" href="#">3 <span class="sr-only">(current)</span></a></li>
              <li class=""><a onclick="article_list_get_another(event)" href="#">4 <span class="sr-only">(current)</span></a></li>
              <li class=""><a onclick="article_list_get_another(event)" href="#">5 <span class="sr-only">(current)</span></a></li>
            </ul>
          </nav>
        </form>

      </div>
    </div>
  </div>
</template>

<script>
  import CourseNav from '@/components/Chat/CourseNav.vue'

  export default {
    components: {
      'course-nav': CourseNav
    }
  }
</script>
